<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<h3>회원가입</h3>
<form id="registerForm" action="member.do" method="post" enctype="multipart/form-data">
<input type="hidden" name="mode" value="register">
<table>
<tr>
<td>아이디(E-mail)</td>
<td><input type="email" name="id" id="reg_id">
<input type="button" id="reg_id_check" value="중복확인"><span id="idCheckResult"></span>
</td>
</tr>
<tr>
<td>비밀번호</td>
<td><input type="password" name="password" id="reg_password"></td>
</tr>
<tr>
<td>비밀번호 확인</td>
<td><input type="password" id="reg_passwordCheck"></td>
</tr>
<tr>
<td>닉네임</td>
<td><input type="text" name="nickname" id="reg_nickname"></td>
</tr>
<tr>
<td>프로필사진</td>
<td><input type="file" name="uploadImg" id="reg_uploadImg"></td>
</tr>
<tr>
<td colspan="2"><input type="button" id="registerBtn" value="가입하기"></td>
</tr>
</table>
<input type="hidden" name="level" value="00">
</form>
<script type="text/javascript">
$("#registerBtn").click(function(){
	// 이메일 유효성 정규식검사
    var regExp = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
	
	if($("#reg_id").val()==""){
		alert("아이디를 입력하세요");
		$("#reg_id").focus();
		return;
	}else if(!regExp.test($("#reg_id").val())){
		alert("이메일 주소가 유효하지 않습니다.");
		$("#reg_id").focus();
		return;
	}
	if($("#reg_password").val()==""){
		alert("패스워드를 입력하세요");
		$("#reg_password").focus();
		return;
	}else if($("#reg_password").val().length<4){
		alert("비밀번호는 4자리 이상 입력하세요");
		$("#reg_password").focus();
		return;
	}
	if($("#reg_passwordCheck").val()!=$("#reg_password").val()){
		alert("패스워드를 확인해주세요");
		$("#reg_passwordCheck").val("").focus();
		return;
	}
	if($("#reg_nickname").val()==""){
		alert("닉네임을 입력하세요");
		$("#reg_nickname").focus();
		return;
	}
	if($("#reg_uploadImg").val()==""){
		if(confirm("프로필 이미지를 등록하지 않으시겠습니까?")){
			$("#reg_uploadImg").val("default.jpg");
		}else{
			$("#reg_uploadImg").focus();
		}
		return;
	}
	$("#registerForm").submit();
});
$("#reg_id_check").click(function(){
	$.ajax({
		type:"GET",
		url:"member.do",
		data:"mode=idCheck&id="+$("#reg_id").val(),
		dataType:"json",
		success:function(data){
			console.log(data);
			if(data.result==true){
				$("#idCheckResult").html("사용가능한 아이디입니다.");
			}else if(data.result==false){
				$("#idCheckResult").html("<font color=red>사용할 수 없는 아이디입니다.</font>");
			}
		}
	});
});
</script>